<template>
  <div class="footer-wrap">
    <div class="footer-info-container bid-flex-y">
      <div class="footer-info-wrap">
        <div class="footer-info-content bid-flex">
          <div class="info-left bid-flex">
            <div class="logo-wrap bid-flex-y">
              <img src="../assets/image/nav_logo.png" alt="" srcset="" />
            </div>
            <div class="info-wrap">
              <p class="platform-name f-info-item">
                全国招投标品牌调查公示平台
              </p>
              <p class="f-info-item">
                <span>资讯服务热线：010-XXXXXXXXXX</span>
                <span>17694811805</span>
              </p>
              <p class="f-info-item">公司邮箱：1372107777@XXX.com</p>
              <p class="f-info-item">
                <span>京公网安备</span>
                <span>1101101101111号</span>
                <span>京ICP备</span>
                <span>12345678号</span>
                <span>版权：xxxxxxxxxxxxxxxxxxxx</span>
              </p>
            </div>
          </div>
          <div class="info-right">
            <div class="qr-code-img">
              <img
                src="../assets/image/footer_info_code.png"
                alt=""
                srcset=""
              />
            </div>
            <p class="code-name">企业公众号</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "footer-info"
};
</script>
<style scoped>
.footer-wrap {
  margin-top: 0.3rem;
  background-color: #1571ba;
}
.footer-info-container {
  justify-content: center;
  height: 2.8rem;
}

.footer-info-content {
  justify-content: space-between;
  margin: 0 3.6rem;
  color: #fff;
}

/* .info-left {
  width: 105.4rem;
} */

.logo-wrap {
  width: 1.03rem;
  justify-content: center;
}

.logo-wrap img {
  width: 100%;
}

.info-wrap {
  margin-left: 0.4rem;
}

.f-info-item {
  font-size: 0.2rem;
  line-height: 0.4rem;
}

.platform-name {
  font-size: 0.2rem;
}

.info-right {
  width: 1.46rem;
}

.qr-code-img {
  width: 1.46rem;
}

.qr-code-img img {
  width: 100%;
}

.code-name {
  margin-top: 0.08rem;
  font-size: 0.14rem;
  text-align: center;
}
</style>
